<template>
    <div class="modal">
        <div class="box">
            <div class="text">{{ message }}</div>
            <button @click="emits('click')">Click</button>
        </div>
        compuedMsg: {{ compuedMsg }}
    </div>
</template>

<script setup lang="ts">
import { computed } from 'vue';

const props = defineProps<{ message: string }>();
const emits = defineEmits(['click'])

const compuedMsg = computed(() => {
    // return props.message = '1234'
})
</script>